/* Code tidied up by ScrapBook */
*{
  box-sizing: border-box;
}
body { width: 100%; height: 100%; font-family: "lato",sans-serif; color: rgb(25, 43, 51);      background: rgb(25, 44, 51) url(../img/112.jpg) fixed; }
html { width: 100%; height: 100%; }
h1, h2, h3, h4, h5, h6 { margin: 0px 0px 35px; font-family: "lato",sans-serif; font-weight: 700; letter-spacing: 1px; }
p { text-align: justify; margin: 0px 0px 15px; font-size: 17px; }
.mobile_hide { display: none; }
.mobile_show { display: initial; }
.non_clickable { pointer-events: none; }
hr.styled { border: 0px none; height: 1px; background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.75), transparent); }
.mobile_port { width: 180px ! important; }
@media (min-width: 768px) {
  p { text-align: justify; margin: 16px 0px 32px; font-size: 17px; }
  section li { text-align: justify; font-size: 20px; }
  .mobile_hide { display: initial; }
  .mobile_show { display: none; }
}
a { color: rgb(18, 78, 100); transition: all 0.2s ease-in-out 0s; }
a:hover, a:focus { text-decoration: none; color: rgb(255, 127, 0); }
.light { font-weight: 400; color: rgb(255, 255, 255); }
@media (max-width: 992px) {
  .light { display: none; }
}
.red { color: rgb(174, 15, 1); }
.navbar-custom { margin-bottom: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); text-transform: uppercase; font-family: "lato",sans-serif; background-color: rgb(25, 43, 51); }
.navbar-custom .navbar-brand { font-weight: 700; }
.navbar-custom .navbar-brand:focus { outline: 0px none; }
.navbar-custom .navbar-brand .navbar-toggle { padding: 4px 6px; font-size: 16px; color: rgb(255, 255, 255); }
.navbar-custom .navbar-brand .navbar-toggle:focus, .navbar-custom .navbar-brand .navbar-toggle:active { outline: 0px none; }
.navbar-custom a { color: rgb(232, 204, 0); text-decoration: underline; }
.navbar-custom .nav li a { transition: background 0.3s ease-in-out 0s; }
.navbar-custom .nav li a:hover { outline: 0px none; color: rgb(255, 255, 255); background-color: transparent; }
.navbar-custom .nav li a:focus, .navbar-custom .nav li a:active { outline: 0px none; background-color: transparent; }
.navbar-custom .nav li.active { outline: 0px none; }
.navbar-custom .nav li.active a { background-color: rgba(255, 255, 255, 0.3); }
.navbar-custom .nav li.active a:hover { color: rgb(255, 255, 255); }
#logo { width: 350px; }
.moto { margin-left: 50px; }
@media (min-width: 768px) {
  .navbar-custom { padding: 20px 0px; border-bottom: 0px none; letter-spacing: 1px; background: rgb(25, 43, 51) none repeat scroll 0% 0%; transition: background 0.5s ease-in-out 0s, padding 0.5s ease-in-out 0s; }
  .navbar-custom.top-nav-collapse { padding: 0px; background: rgb(25, 43, 51) none repeat scroll 0% 0%; }
}
-body { display: table-cell; vertical-align: middle; }
-body .brand-heading { font-size: 40px; }
-body -text { font-size: 19px; margin: 0.9em 0px; }
-text { text-align: justify; line-height: 1.2em; }
.white-bg { background-color: rgb(255, 255, 255); padding: 5px 45px; }
.mironov_intro_img { margin-top: 2px; bottom: 0; width: 100%; border:2px solid #000;}
@media (min-width: 768px) {
  -body -text { font-size: 21px; }
  .mironov_intro_img {  }
}
.btn-circle { width: 70px; height: 70px; margin-top: 15px; padding: 7px 16px; border-radius: 100% ! important; font-size: 30px; color: rgb(255, 255, 255); background: rgb(25, 43, 51) none repeat scroll 0% 0%; border: 3px solid rgb(25, 43, 51); transition: background 0.3s ease-in-out 0s; }
.btn-circle:hover, .btn-circle:focus { outline: 0px none; background: rgb(255, 127, 0) none repeat scroll 0% 0%; color: rgb(25, 43, 51); }
.btn-circle i.animated { transition-property: -moz-transform; transition-duration: 1s; }
.btn-circle:hover i.animated { animation-name: pulse; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: linear; }
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1); }
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1); }
}
.intro {     padding-top: 5px; }
#map { width: 100%; height: 200px; margin-top: 100px; }
@media (min-width: 767px) {
  .content-section {  }
  #map { height: 400px; margin-top: 250px; }
}
@keyframes Glow {
0% { background: rgb(25, 44, 51) none repeat scroll 0% 0%; box-shadow: 0px 0px 1px rgb(255, 255, 255); border: 1px solid rgb(25, 44, 51); }
70% { background: rgb(83, 143, 165) none repeat scroll 0% 0%; box-shadow: 0px 0px 25px rgb(255, 255, 255), 0px 0px 5px rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); }
100% { background: rgb(25, 44, 51) none repeat scroll 0% 0%; box-shadow: 0px 0px 1px rgb(255, 255, 255); border: 1px solid rgb(25, 44, 51); }
}
@keyframes Glow {
0% { background: rgb(25, 44, 51) none repeat scroll 0% 0%; box-shadow: 0px 0px 1px rgb(255, 255, 255); border: 1px solid rgb(25, 44, 51); }
70% { background: rgb(83, 143, 165) none repeat scroll 0% 0%; box-shadow: 0px 0px 25px rgb(255, 255, 255), 0px 0px 5px rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); }
100% { background: rgb(25, 44, 51) none repeat scroll 0% 0%; box-shadow: 0px 0px 1px rgb(255, 255, 255); border: 1px solid rgb(25, 44, 51); }
}
.btn { border-radius: 0px; text-transform: uppercase; font-weight: 400; transition: all 0.3s ease-in-out 0s; }
.btn-default { color: rgb(232, 204, 0); width: auto; margin: 10px 0px; font-size: 24px; animation-name: Glow; animation-duration: 4s; animation-iteration-count: infinite; }
.btn-full { width: 100% ! important; }
.btn-default:hover, .btn-default:focus { outline: 0px none; color: rgb(255, 255, 255); background-color: rgb(255, 127, 0); transform: scale(1.01); animation-name: none; }
.input_field { border-radius: 0px; font-weight: 400; width: 100%; margin: 10px 0px; border: 1px solid rgb(25, 44, 51); font-size: 24px; color: rgb(25, 44, 51); background: rgb(198, 230, 149) none repeat scroll 0% 0%; }
.input_field:focus { border: 2px solid rgb(198, 230, 149); background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
ul.banner-social-buttons { margin-top: 0px; }
@media (max-width: 1199px) {
  ul.banner-social-buttons { margin-top: 15px; }
}
@media (max-width: 767px) {
  ul.banner-social-buttons li { display: block; margin-bottom: 20px; padding: 0px; }
  ul.banner-social-buttons li:last-child { margin-bottom: 0px; }
}
footer p { margin: 0px; }
*::-moz-selection { text-shadow: none; background: rgba(255, 255, 255, 0.2) none repeat scroll 0% 0%; }
img::-moz-selection { background: transparent none repeat scroll 0px 0px; }
body {  }
.selected { color: rgb(156, 22, 26); }
.bolded { font-weight: 700; }
#proof { width: 100%;  }
.swiper-slide img { width: 90%; }
.proof_desc { font-size: 20px; margin: 30px 0px; font-weight: 300; text-align: center; }
#video { width: 100%; min-height: 100%; margin-top: 20px; }
#video .row { background-color: rgba(255, 255, 255, 0.75); padding: 30px; }
.video_holder { width: 100%; position: relative; z-index: 110; margin-bottom: 30px; }
.video_cta { position: inherit; z-index: 200; top: 0px; left: 0px; width: 100%; height: auto; }
#main_video { display: block; position: absolute; z-index: 70; top: 0px; height: 100%; width: 100%; background-color: rgba(130, 80, 81, 0); }
#contact { width: 100%;     margin: 1px 0px 0px 0px; }
.form_bg { background: rgb(255, 217, 51) url("form-bg2.jpg") no-repeat fixed center top / cover ; }


#contact .form-holder { 
    background: rgb(255, 217, 51) url(form-bg2.jpg) no-repeat fixed center top / cover;
    padding: 20px 9px 20px 9px;
    border-radius: 8px;
    box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.3);
    margin-top: 145px;
 }
 
 .comments {
    width: 100%;
    position: relative;
    margin: 20px 0 0;
   display: table;
}

.comments img {
        border: #6d6854 double 5px;
    border-radius: 0px;
    width: 87px;
}

.comments .wrap {
   float: right;
    padding: 20px;
    position: relative;
    width: 88%;
    color: #b9b9b9;
    background: rgb(25, 43, 51) none repeat scroll 0% -1%;
    border: #000 solid 1px;
    border-radius: 0px;
}


.comments h4 {
    border-bottom: 1px dashed #f3f3f3;
    color: #d6d6d6;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 0 0 10px;
    text-align: left;
    text-transform: inherit;
}

.comments h4 span {
    font-size: 14px;
    color: #bfac18;
    float: right;
}
 
 
 
#contact .white-bg { padding: 0px; }
.has-error { background: rgb(157, 22, 26) none repeat scroll 0% 0%; border: 1px solid rgb(157, 22, 26); color: rgb(255, 255, 255); transition: all 0.3s ease-in-out 0s; animation-name: errorGlow; animation-duration: 4s; animation-iteration-count: infinite; }
.form_promt { font-weight: 500; font-size: 24px; }
.form_promt .bolded { font-weight: 700; color: rgb(157, 22, 26); }
@keyframes errorGlow {
0% { background: rgb(157, 22, 26) none repeat scroll 0% 0%; }
50% { background: rgb(255, 0, 4) none repeat scroll 0% 0%; }
100% { background: rgb(157, 22, 26) none repeat scroll 0% 0%; }
}
@keyframes errorGlow {
0% { background: rgb(157, 22, 26) none repeat scroll 0% 0%; }
50% {  }
100% { background: rgb(157, 22, 26) none repeat scroll 0% 0%; }
}
.form_error { font-size: 20px; background: rgb(157, 22, 26) none repeat scroll 0% 0%; color: rgb(255, 255, 255); padding: 10px; opacity: 0; transition: all 0.3s ease-in-out 0s; animation-name: errorGlow; animation-duration: 2s; animation-iteration-count: infinite; }

#about .white-bg { padding-top: 0px; position: relative; }
.sens { position: absolute; width: 260px; height: 260px; top: -4px; left: -4px; }
#about .row { margin: 40px 0px; }
#about p { text-align: justify; }
#start { width: 100%;  }
.zlata_about_img { width: 100%; margin: 20px 0px; }
.tests { display: table; }
.test { padding: 0px 20px; min-height: 810px; margin-bottom: 40px ! important; }
#prev2 { top: 100px ! important; }
#next2 { top: 100px ! important; }
.left-side, .right-side { float: none; display: table-cell; vertical-align: top; }
.right-side { border-left: 6px solid rgb(235, 172, 103); }
.test_img { width: 100px ! important; margin: 50px auto 20px; }
.test_text { font-size: 15px; }
.test_signtaure { font-size: 14px; color: rgb(54, 83, 94); }
@media (max-width: 992px) {
  .test_text { font-size: 14px; }
  .test_signtaure { font-size: 13px; }
}
.col-img { width: 100%; max-width: 250px; height: auto; }

#how h2 { margin: 60px 0px; }
ol.how_list { text-align: justify; font-size: 19px; list-style-type: none; margin: 0px 0px 0px 3em; padding: 0px; counter-reset: li-counter; }
ol.how_list > li { position: relative; margin-bottom: 20px; padding-left: 0.5em; min-height: 3em; border-left: 2px solid rgb(255, 161, 68); }
ol.how_list > li::before { position: absolute; top: 0px; left: -1.1em; width: 0.8em; font-size: 3em; line-height: 1; font-weight: 900; text-align: right; color: rgb(255, 127, 0); content: counter(li-counter, decimal); counter-increment: li-counter; }
.how_icon { width: 80%; margin: 50px auto 20px; }
@media (max-width: 992px) {
  .how_icon { width: 40%; margin: 20px auto 10px; }
}
#points { width: 100%;  }
#points .row { margin: 30px 0px; }
.zlata_points_img { float: right; width: 44%; }
.left { text-align: left; }
#points .left { font-size: 20px; }
@media (max-width: 1199px) {
  #points .left { font-size: 17px; }
}
.divider { width: 50%; margin: 40px 0px; }
.zlata_on_top { padding: 0px; border: medium none; margin: 0px; width: 100%; }
.coco_img { margin: 20px 0px; border-radius: 50%; }
.social_share { width: 50px; margin: 5px; cursor: pointer; }
@media (max-width: 767px) {
  .medal { width: 25%; }
}
.test-holder { position: relative; cursor: pointer; border: 1px solid transparent; padding: 0px; }
.test-holder p { width: 100%; text-align: center; padding: 0px; margin: 0px; }
.test-holder .test-img { width: 100%; }
.test-holder .play-btn { position: absolute; top: 50%; left: 50%; margin-top: -28px; margin-left: -28px; color: rgb(188, 0, 3); }
.test-holder:hover { border: 1px solid rgb(25, 43, 51); background: rgb(25, 43, 51) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.test-holder:hover .play-btn { color: rgb(255, 0, 4); }
#popup_video { position: absolute; display: block; z-index: 1000; width: 100%; height: 100%; }
#popup_video_wrapper { width: 100%; position: relative; }
.brocker_reg_container.zolotoi-vek-form27.inv .row { background-color: rgb(6, 41, 63) ! important; width: 100%; max-width: 410px; padding: 0px; }
.brocker_reg_container.zolotoi-vek-form27.inv .form-promt { width: 100%; max-width: 140px; margin-bottom: 5px; }
.brocker_reg_container.zolotoi-vek-form27.inv .form_wrapper { padding-bottom: 0px; }
.brocker_reg_container.zolotoi-vek-form27.inv .reg-form input[type="text"], .brocker_reg_container.zolotoi-vek-form27.inv .reg-form input[type="password"], .brocker_reg_container.zolotoi-vek-form27.inv .reg-form select { border: 1px solid rgb(21, 70, 77); font-size: 16px; padding: 2px; margin: 4px 0px; height: 32px; }
#inv-section { width: 100%; margin-top: 120px; }
#inv-section .row { background-color: rgba(255, 255, 255, 0.75); padding-top: 10px; padding-bottom: 10px; }
.brocker_reg_container.zolotoi-vek-form27.inv .input_submit { height: 33px; padding: 3px; font-size: 17px; font-weight: 500; }
.brocker_reg_container.zolotoi-vek-form.inv .row { background-color: rgb(6, 41, 63) ! important; width: 100%; max-width: 410px; padding: 0px; }
.brocker_reg_container.zolotoi-vek-form.inv .form_wrapper { padding-bottom: 0px; }
.brocker_reg_container.zolotoi-vek-form.inv .reg-form input[type="text"], .brocker_reg_container.zolotoi-vek-form.inv .reg-form input[type="password"], .brocker_reg_container.zolotoi-vek-form.inv .reg-form select { border: 1px solid rgb(21, 70, 77); font-size: 17px; padding: 2px; margin: 4px 0px; height: 35px; }
.brocker_reg_container.zolotoi-vek-form.inv .input_submit { height: 35px; padding: 3px; font-size: 17px; font-weight: 500; }
.arrow-img {width: 98%; margin: 122px -8px 0px 0px; }
#last2 p em { text-align: left; }

.video{
  width: 791px;
  height: 500px;
}

@media only screen and (max-width: 1200px) {
  .white-bg {
    padding: 20px 35px;
  }

  .arrow-img {
    margin-top: 65%;
  }

  .sens {
    width: 210px;
    height: 210px;
  }

  .bebe {
    position: static;
    width: 100%;
    margin: 0;
  }
}

@media only screen and (max-width: 992px) {
  .white-bg {
    padding: 30px 25px;
  }

  /*.intro {*/
    /*padding-top: 100px;*/
  /*}*/

  #about .row {
    margin: 10px 0px;
  }

  p {
    /*margin: 0px 0px 20px;*/
    font-size: 18px;
  }

  .sens {
    width: 160px;
    height: 160px;
  }

  .video {
    width: 100%;
    height: 395px;
  }

  #contact .form-holder{
    margin-top: 90px;
  }

  .comments img {
    width: 12%;
  }
}

@media only screen and (max-width: 768px) {
  .intro { padding-top: 50px; }
  .btn-default { margin: 8px 0px; font-size: 20px; animation-name: none; background: rgb(25, 44, 51) none repeat scroll 0% 0%; }
  h2, .h2 { font-size: 25px; }
  h3, .h3 { font-size: 20px; }
  #proof, #contact, #about { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
  .sens { width: 130px; height: 130px; }
  #inv-section { margin-top: 80px; }

  .mironov_intro_img {
    max-width: 320px;
    margin-bottom: 40px;
  }

  #contact .white-bg {
    padding: 0 15px;
  }

  .video{
    height: 350px;
  }
}

@media only screen and (max-width: 480px) {
  .btn-default { margin: 7px 0px; font-size: 16px; }
  #logo { width: 280px; }

  .button {
    font-size: 17px !important;
  }

  .video{
    height: 150px;
  }
}


@media only screen and (max-width: 320px) {
  .comments h4 span{
    float: none;
    display: block;
  }

  .navbar-custom .navbar-brand{
    width: 100%;
  }

  #logo {
    display: block;
    width: 200px;
    margin: 10px auto;
  }
}